$(function(){
    // 去掉所以a的下户线
    $('a').css({
        textDecoration:'none'
    })
    $('.bd1copy a').attr('href',"list.html").hover(function(){
        $(this).css({color:'skyblue'})
    },function(){
        $(this).css({color:'black'})
    })
    // 页面顶部的交互


    $('.top .tp1 li:eq(0) a').hover(function(){
        $(this).css({color:'skyblue'})
    },function(){
        $(this).css({color:'#666666'})
    })
    $('.top .tp1 li:eq(3) a').hover(function(){
        $(this).css({color:'red'})
    },function(){
        $(this).css({color:'#666666'})
    })
    $('.top .tp2 li a').hover(function(){
        $(this).css({color:'skyblue'})
    },function(){
        $(this).css({color:'#666666'})
    })
    //
    $('.top .tp1 li:eq(2)').hover(function(){
        $(this).children('img').css({
            transform:"rotate(180deg)"
        });
        $(this).children('.lid1').css({
            display:'block',
            zIndex:'1'
        });
    },function(){
        $(this).children('img').css({
            transform:"rotate(0deg)"
        });
        $(this).children('.lid1').css({
            display:'none'
        });
    })
    //
    $('.top .tp1 li:eq(2) .lid1 p span:eq(0)').click(function(){
        $('.top .tp1 li:eq(2) .lid1 .lid11').css({
            display:'block'
        });
        $('.top .tp1 li:eq(2) .lid1 .lid12').css({
            display:'none'
        });
    })
    $('.top .tp1 li:eq(2) .lid1 p span:eq(1)').click(function(){
        $('.top .tp1 li:eq(2) .lid1 .lid12').css({
            display:'block'
        });
        $('.top .tp1 li:eq(2) .lid1 .lid11').css({
            display:'none'
        });
    })
    //我的
    $('.top .tp2 li:eq(3)').hover(function(){
        $(this).children('b').css({
            transform:"rotate(180deg) translateY(4px)"
        });
        $(this).children('ul').css({
            display:'block',
            zIndex:'1'
        });
    },function(){
        $(this).children('b').css({
            transform:"rotate(0deg)"
        });
        $(this).children('ul').css({
            display:'none'
        });
    })
    // 收藏
    $('.top .tp2 .nanshou').hover(function(){
        $(this).children('b').css({
            transform:"rotate(180deg) translateY(4px)",
            // 
        });
        $(this).children('ul').css({
            display:'block',
            zIndex:'1'
        });
    },function(){
        $(this).children('b').css({
            transform:"rotate(0deg)"
        });
        $(this).children('ul').css({
            display:'none'
        });
    })
    //二维码
    $('.top .tp2 .nanshou2').hover(function(){
        $(this).children('img').css({
            display:'block',
            zIndex:'1'
        });
    },function(){
        $(this).children('img').css({
            display:'none'
        });
    })


    // 搜搜
    $('.search .sd2 ul a').hover(function(){
        $(this).css({
            color:'black'
        })
    },function(){
        $(this).css({
            color:'#666666'
        })
    })
    // 头部导航栏
    $('.nav .nl1').hover(function(){
        $(this).children('img').css({
            transform:"rotate(180deg)",
        });
        $(this).children('a').css({
            color:'white'
        })
        $(this).css({
            background:'pink'
        })
        $('.nav .nl2').css({
            background:'white'
        })
        $('.banner .bd1').css({
            display:'block'
        })
        $('.banner .bd1copy').css({
            display:'none'
        })
    },function(){
        $(this).children('img').css({
            transform:"rotate(0deg)",
        });
        $(this).children('a').css({
            color:'black'
        })
        // $(this).css({
        //     background:'white'
        // })
    })
    $('.nav .nl2').hover(function(){
        $(this).children('img').css({
            transform:"rotate(180deg)",
        });
        $(this).children('a').css({
            color:'white'
        })
        $(this).css({
            background:'pink'
        })
        $('.nav .nl1').css({
            background:'white'
        })
        $('.banner .bd1').css({
            display:'none'
        })
        $('.banner .bd1copy').css({
            display:'block'
        })
    },function(){
        $(this).children('img').css({
            transform:"rotate(0deg)",
        });
        $(this).children('a').css({
            color:'black'
        })
    })
    
    //小骨头
    $('.toGreen').hover(function(){
        $(this).children('a').css({
            color:'green'
        })
        $(this).children('img').css({
            transform:'rotate(350deg)'
        })
    },function(){
        $(this).children('a').css({
            color:'black'
        })
        $(this).children('img').css({
            transform:'rotate(0deg)'
        })
    })
    //banner
    $('.banner .bd11').hover(function(){
        $(this).children('.dog').css({
            display:'block'
        })
    },function(){
        $(this).children('.dog').css({
            display:'none'
        })
    })
    $('.banner .bd12').hover(function(){
        $(this).children('.cat').css({
            display:'block'
        })
    },function(){
        $(this).children('.cat').css({
            display:'none'
        })
    })
    // 
    $('.bd1copy').children().hover(function(){
        $(this).css({borderTop:'1px solid #4d9b35',borderBottom:'1px solid #4d9b35'})
        $(this).children('.supernews').css({display:'block'})
        .siblings().children('.supernews').css({display:'none'})
        $(this).children('b').css({display:'none'})
    },function(){
        $(this).css({borderTop:'none',borderBottom:'none'})

        $(this).children('.supernews').css({display:'none'})
        $(this).children('b').css({display:'block'})
    })
    // banner right
    $('.bd3').children().hover(function(){
        $(this).stop().animate({
            marginLeft:'-15px'
        },100)
    },function(){
        $(this).stop().animate({
            marginLeft:'0px'
        })
    })
    // 商品列表
    $('.toShowlist1 div').mouseover(function(){
        $(this).children('p').show();
        $(this).siblings().children('p').hide();

        $(this).css({border: '1px solid #4d9b35',borderBottom:'none'})
        .siblings().css({border: 'none',borderBottom:'1px solid #4d9b35'})
    })
    $('.toShowlist1 .td1').mouseover(function(){
        $('.contral_down1 .n1d22').show()
        .siblings().hide();
    })
    $('.toShowlist1 .td2').mouseover(function(){
        $('.contral_down1 .n1d22_2').show()
        .siblings().hide();
    })
    $('.toShowlist1 .tdready').mouseover(function(){
        $('.contral_down1 .n1d22_3').show()
        .siblings().hide();
    })
    // img
    $('.contral_down1 img').hover(function(){
        $(this).stop().animate({
            marginLeft:'15px'
        })
    },function(){
        $(this).stop().animate({
            marginLeft:'0px'
        })
    })
    // 侧边栏
    $('.aside').children('div').hover(function(){
        $(this).children('p').css({
            color:'#ffffff',
        })
        $('.ad2 a p').css({
            color:'#ffffff',
        })
    },function(){
        $(this).children('p').css({
            color:'#9b9b9b',
        })
        $('.ad2 a p').css({
            color:'#9b9b9b',
        })
    })
    // Gunlun
    $('.ad9').hide();
    $(document).scroll(function(){
        var pp=$(window).scrollTop();
        if(pp>1000){
            $('.ad9').fadeIn();
        }else{
            $('.ad9').fadeOut();
        }
    })

    
    $('.aside').children('.ad9').click(function(){
		$('html,body').stop().animate({
			'scrollTop':0
		},500)
    })
    // 获取用户id
    var val = JSON.parse(localStorage.getItem('id'))
    if(val){
        $('.tp2 li').eq(0).html('');
        $('.tp2 li').eq(1).html('');
    }
    console.log(val)
    // 增加一些商品信息
        // $.post("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
        //     pimg:'../img/16.jpg@!200w-c',
        // pname:'美国进口Woldwise',
        // pprice:'225',
        // pdesc:'皇家royal canin PR27小型犬成犬专用狗粮2kg',
        // uid: 38429
        // }, data => {
        //     console.log(data);
        // })
    // 商品信息  news1
    $.get(
        'http://jx.xuzhixiang.top/ap/api/productlist.php',
        {uid:val},
        data=>{
            console.log(data);
            if(data.data){
                var news = data.data;
            }
            var str='';
            for(let i = 0;i<8;i++){
                str+=`
                <div>
                <a href="detail.html?pid=${news[i].pid}"   target="_blank"><img src="${news[i].pimg}" alt=""></a>
                    <p>${news[i].pname}</p>
                    <p>${news[i].pprice}</p>
                </div>
                `;
            }
            $('.news1 .n1d22_3').html(str);

            var str2='';
            for(let j = 8;j<16;j++){
                str2+=`
                <div>
                <a href="detail.html?id=${news[j].pid}"  target="_blank"><img src="${news[j].pimg}" alt=""></a>
                    <p>${news[j].pname}</p>
                    <p>${news[j].pprice}</p>
                </div>
                `;
            }
            $('.news1 .n1d22_2').html(str2);

            var str3='';
            for(let k = 16;k<20;k++){
                str3+=`
                <div>
                <a href="detail.html?id=${news[k].pid}"  target="_blank"><img src="${news[k].pimg}" alt=""></a>
                    <p>${news[k].pname}</p>
                    <p>${news[k].pprice}</p>
                </div>
                `;
            }
            $('.news1 .n1d22').html(str3);

            $('.contral_down1 img').hover(function(){
                $(this).stop().animate({marginLeft:'15px'})
            },function(){
                $(this).stop().animate({marginLeft:'0px'})
            })
        }
    )
    //获取商品购物车
    $.get("http://jx.xuzhixiang.top/ap/api/cart-list.php", {
        id: val
    }, data => {
        // console.log(data);
        if(data.data){
            var news=data.data;
            var str='';
            for(var item=0;item<news.length;item++){
                str+=`
                <div>
                <a href="detail.html?id=${news[item].pid}"  target="_blank"><img src="${news[item].pimg}" alt=""></a>
                    <p>标题：${news[item].pname}</p>
                    <p>价格：${news[item].pprice}</p>
                    <p>数量：${news[item].pnum}</p>
                </div>
                `;
            }
            $('.ad21').html(str);
        }
        $('.ad21').css({display:'none'});
        $('.ad2').hover(function(){
            $('.ad21').css({display:'block'});
        },function(){
            $('.ad21').css({display:'none'});
        })
    })
    //获取购物车商品总数量
    $.get("http://jx.xuzhixiang.top/ap/api/cart-list.php", {
        id: val
    }, data => {
        // console.log(data);
        if(data.data){
            var news=data.data;
            var str2='';
            for(var item=0;item<news.length;item++){
                str2 = +str2 + +`${news[item].pnum}`;
            }
            // console.log(str2)
            $('.top .tp2l1 .tp2l11').html(str2);
            $('.sd3 .sd3s1').html(str2);
            $('.aside .ad2 .adp1').html(str2);
        }
    })
})
